<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float: left;
				/* 文字图片加间距 */
				margin: 30px;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/蜡笔小新.png" width="300px" height="300px" alt="蜡笔小新">
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus nemo reiciendis quos, itaque laudantium cupiditate nobis fugiat sint cumque earum! Distinctio sunt eligendi consectetur, quos atque sed aperiam nulla totam?
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis provident doloribus aliquam accusamus blanditiis aliquid recusandae illo deleniti dolores sint, sunt eius necessitatibus non fugiat ipsum nihil maiores facilis asperiores.
		Lorem ipsum, dolor sit amet consectetur adipisicing elit. Impedit, repellat accusantium commodi quidem tenetur voluptate, dolorum at fuga veniam alias consequuntur ducimus cumque exercitationem ratione molestias, perspiciatis animi nostrum iusto.
		</p>
	</body>
</html>